<template lang="html">
  <div class="industry">
     <div class="content" v-for="(items,index) in contents" :key="index">
     	<p>{{items.categroy}}</p>
         <router-link  tag='span' v-for="(item,index) in items.list" :key="index" :to="{name: 'Labellist',params:{id:item}}">{{item}}</router-link>
        
     </div>
  </div>
</template>

<script>
export default {
	name:"Industry",
	data(){
		return{
           contents:[],
		  }
	   },
     mounted(){
                this.$axios.get(this.HOST+"/subject")
                .then(data=>{
                    // console.log(data.data.data)
                    this.contents=data.data.data
                    // console.log(this.contents)
                })
                .catch(error=>{console.log(error)})
            }   
        }
</script>

<style lang="less" scoped>
    .industry{
    	div{
    		width: 100%;
            text-align: left;
    		p{
    			margin-top:15px;
    			font-size:18px;
    			color:rgba(51,51,51);
                text-align: left;
    		}
    		span{
    			display: inline-block;
    			font-size: 13px;
    			width:70px;
    			height: 30px;
    			line-height: 30px;
    			text-align: center;
    			border:1px solid rgba(204,204,204);
    			margin-top:15px;
    			margin-right: 7px;
    			border-radius: 3px;
                
    		}
    	}
    }
</style>
